<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一天练习</title>
    <style>
        img {
            width: 300px;
        }
    </style>
</head>

<body>
    <h1>第一天练习</h1>

    <img src="http://by-image.oss-cn-shanghai.aliyuncs.com/frontend/fighting.jpg" alt="">
    <div><select name="" id="">
            <option value="0">---加油么？---</option>
            <option value="1">加！</option>
            <option value="2">不加！</option>
        </select></div>
    <div>
        <input type="text" name="" id="" placeholder="凭什么不加油？">
        <button>提交</button>
    </div>
    <div>
        <a href="#C5">跳转</a>
    </div>

    <h2>1</h2>
    <p>这是章节1</p>

    <h2>2</h2>
    <p>这是章节2</p>

    <h2>3</h2>
    <p>这是章节3</p>

    <h2>4</h2>
    <p>这是章节4
    <div>
        <pre><code>
body{
  background-color: #fff
}
        </code></div></pre>
        </p>

        <h2>5
            <a name="C5"></a>
        </h2>
        <p>这是章节5
        <div>块级别元素</div>
        <ul>
            <li>段落</li>
            <li>列表
                <ul>
                    <li>有序列表</li>
                    <li>无序列表</li>
                    <li>自定义列表
                        <dl>
                            <dt>标题1</dt>
                            <dd>描述1</dd>
                            <dt>标题2</dt>
                            <dd>描述2</dd>
                        </dl>
                    </li>
                </ul>
            </li>
            <li>音频</li>
            <li>视屏</li>
        </ul>
        </p>

        <h2>6</h2>



</body>

</html>